<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script type="text/javascript">  
	function handleLoginRequestAcceso(xhr, status, args) {  
        if(args.loggedIn) {  
            PF('wv_mp_primeravez').show();  
        }   
        else {  
            PF('wv_mp_primeravez').hide();  
            
        }  
    }
	function handleLoginRequestPvez(xhr, status, args) {  
        if(!args.loggedInPv) {  
            PF('wv_mp_primeravez').jq.effect("shake", { times:5 }, 100);  
        }   
        else {  
           // PF('wv_mp_primeravez').hide();  
            
        }  
    } 
    function handleLoginRequestContrasenia(xhr, status, args) {  
        if(!args.loggedIn) {  
            PF('wv_mp_rec_contrasenia').jq.effect("shake", { times:5 }, 100);  
        }   
        else {  
           // PF('wv_mp_rec_contrasenia').hide();  
            
        }  
    }  
</script>
	<table border="0" align="center" width="950px">

		<tr>
			<td align="center"><p:panel
					style="width:480px; height : 373px;align : center;">

					<table>

						<tr>
							<td colspan="2" align="center" height="40"
								style="color: #ffffff; font-weight: bold; font-family: Verdana; width: 427px;">
								<h:graphicImage
									value="/resources/imagenes/fondos/logologgin.jpg"
									style="width : 433px; height : 200px;">
								</h:graphicImage>
							</td>
						</tr>


						<tr>
							<td align="center" colspan="2"><p:panel
									style="width:427px; height : 143px;align : center;"
									styleClass="panelInicioLogin">
									<h:form id="formAutenticacion">
										<p:growl id="growl" showDetail="true" life="3000"
											showSummary="false" />

										<table>

											<tr>
												<td class="panelTDFormulario"><h:outputLabel
														value="Usuario:" styleClass="outputTextFormulario2" /></td>
												<td class="panelTDLeftFormulario"><p:inputText
														id="user" value="#{accesoSistemaBean.usuario}"
														styleClass="inputTextFormulario2" required="true"
														requiredMessage="El campo Usuario es obligatorio."
														label="Usuario" /></td>
											</tr>

											<tr>
												<td class="panelTDFormulario"><h:outputLabel
														value="Contraseña:" styleClass="outputTextFormulario2" /></td>
												<td class="panelTDLeftFormulario"><p:password
														id="password" value="#{accesoSistemaBean.clave}"
														styleClass="inputTextFormulario2" required="true"
														label="Contraseña"
														requiredMessage="El campo Contraseña es obligatorio." /></td>
											</tr>

											<tr>
												<td></td>
												<td class="panelTDLeftFormulario"><p:commandLink
														rendered="false" value="Recuperar Contraseña"
														immediate="true" oncomplete="wv_mp_rec_contrasenia.show()"
														update=":formRecuperarContrasenia:pg_mp_rec_contrasenia" /></td>


											</tr>


											<tr>
												<td colspan="2"><p:spacer height="5" /></td>
											</tr>
											<tr>
												<td colspan="2" class="panelTDBotonFormulario"><p:commandButton
														value="Ingresar"
														action="#{accesoSistemaBean.validarAcceso()}"
														update=":formAutenticacion:growl,:formAutenticacion:pmensaje,:formUsuariosCrear:pg_mp_rusuarios"
														oncomplete="handleLoginRequestAcceso(xhr, status, args)" /></td>


											</tr>

											<tr>
												<td colspan="2"><h:outputLabel id="pmensaje"
														value="#{accesoSistemaBean.mensajeRespuestaValidacion}"
														styleClass="usuarioIncorrecto" /></td>
											</tr>
										</table>

									</h:form>
								</p:panel></td>

						</tr>
					</table>

				</p:panel></td>
		</tr>


	</table>
	<p:dialog id="mp_recuperar_contrasenia" position="center" width="500"
		draggable="false" resizable="false" header="Recuperar Contraseña "
		height="200" widgetVar="wv_mp_rec_contrasenia">
		<h:form id="formRecuperarContrasenia">

			<h:panelGrid id="pg_mp_rec_contrasenia" columns="1" cellpadding="1"
				style="margin:0 auto;">

				<table width="450px;">


					<p:messages id="growlru" showDetail="true" autoUpdate="true"
						closable="true" showSummary="false" />
					<tr>
						<td><p:panel>
								<table>

									<tr>
										<td class="panelTDLeftFormulario" colspan="2"><h:outputText
												value="Por favor, ingrese la dirección de correo con la que registró la cuenta."
												styleClass="outputTextFormulario" /></td>

									</tr>

									<tr>
										<td class="panelTDFormulario"><h:outputText value="* "
												styleClass="asteriscoObligatorio" /> <h:outputLabel
												for="it_email" value="Email: "
												styleClass="outputTextFormulario" /></td>
										<td class="panelTDLeftFormulario"><p:inputText
												id="it_email" required="true"
												requiredMessage="Email campo requerido"
												value="#{recuperarClave.mail}"
												styleClass="inputTextFormulario" /></td>
									</tr>




									<tr>

										<td class="panelTDBotonFormulario" colspan="2"><p:commandButton
												actionListener="#{recuperarClave.recuperarClaveAcceso()}"
												update="growlru" value="Enviar"
												oncomplete="handleLoginRequestContrasenia(xhr, status, args)" />
											<p:commandButton update="growlru,pg_mp_rec_contrasenia"
												value="Cancelar" action="#{recuperarClave.limpiarCampos()}"
												oncomplete="wv_mp_rec_contrasenia.hide()" /></td>

									</tr>


								</table>
							</p:panel></td>
					</tr>



				</table>


			</h:panelGrid>


		</h:form>
	</p:dialog>
	<p:dialog id="mp_acceso_primera_vez" position="center" width="500"
		style="text-align: left;
	font-size: 12px;
	font-family: Verdana;"
		header="Modificar Datos de Acceso" height="280" resizable="false"
		widgetVar="wv_mp_primeravez">
		<h:form id="formUsuariosCrear">

			<h:panelGrid id="pg_mp_rusuarios" columns="1" cellpadding="1"
				style="margin:0 auto;">

				<table width="400px;">



					<tr>
						<td><p:panel>
								<table>
									<p:messages id="growlru" showDetail="true" autoUpdate="true"
										closable="true" showSummary="false" />
									<tr>
										<td class="panelTDLeftFormulario" colspan="2"><h:outputText
												value="Estimado usuario se ha detectado que es la primera vez que ingresa al sistema. Por favor modifique sus datos de acceso"
												styleClass="outputTextFormulario" /></td>

									</tr>

									<tr>
										<td class="panelTDLeftFormulario" colspan="2"><h:outputText
												value="* " styleClass="asteriscoObligatorio" /> <h:outputText
												value=" El asterisco indica que el campo es requerido."
												styleClass="outputTextFormulario" /></td>

									</tr>

									<tr>
										<td class="panelTDFormulario"><h:outputText value="* "
												styleClass="asteriscoObligatorio" /> <h:outputLabel
												for="it_usuario" value="Usuario Actual: "
												styleClass="outputTextFormulario" /></td>
										<td class="panelTDLeftFormulario"><p:inputText
												id="it_usuario" required="true"
												requiredMessage="El campo Usuario es requerido"
												value="#{miPerfilBean.user}"
												styleClass="inputTextFormulario" /></td>
									</tr>
									<tr>
										<td class="panelTDFormulario"><h:outputText value="* "
												styleClass="asteriscoObligatorio" /> <h:outputLabel
												for="it_password" value="Nueva Contraseña: "
												styleClass="outputTextFormulario" /></td>
										<td class="panelTDLeftFormulario"><p:inputText
												id="it_password" required="true"
												requiredMessage="El campo Contraseña es requerido."
												value="#{miPerfilBean.contasenia}"
												styleClass="inputTextFormulario"
												title="La contraseña debe ser alfanumérico, contener una letra mayúscula y mínimo 6 caracteres." /></td>
									</tr>

									<tr>

										<td class="panelTDBotonFormulario" colspan="2"><p:commandButton
												action="#{miPerfilBean.modificarDatosAccesoPrimeravez()}"
												update="growlru,pg_mp_rusuarios" value="Guardar"
												oncomplete="handleLoginRequestPvez(xhr, status, args)" /> <p:commandButton
												oncomplete="wv_mp_primeravez.hide()" value="Cancelar" /></td>

									</tr>


								</table>
							</p:panel></td>
					</tr>



				</table>


			</h:panelGrid>


		</h:form>
	</p:dialog>


</ui:composition>